<template>
 <div class="header">
    <router-link to="/">
    <div class="iconfont header-back">&#xe624;</div>
    </router-link>

    城市选择
      <city-search></city-search>
  </div>
</template>

<script>
import  CitySearch from './Search'
   export default{
     name:'CityHeader',
     components:{
          CitySearch
    }
   }


</script>

<style scoped>
 .header{
     position:relative;
     height:43px;
     line-height: 43px;
     text-align:center;
     overflow: hidden;
     color:#fff;
     background:#00bcd4;
 }
.header-back{
  font-size:20px;
  position:absolute;
  top:0px;
  left:0px;
  width:32px;
  color:#fff;
}
</style>